/*
 * 可复用的公有布局
 */
 footer {
    width: 100%;
    height: 7.7rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background: #fff;
 }
.active{
    color: #4394FF;
}
i{
    font-size: 2.5rem !important;
}
p{
    width: 4.2rem;
    font-size: .8rem;
    text-align: center;
    padding-right: 1.2rem;
}
body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

// 头部
// header {
//     width: 100%;
//     height: 6rem;

//     //   版心
//     .warp {
//         width: 37.1rem;
//         height: 100%;
//         margin: auto;
//         border-bottom: 1px solid #ddd;
//         display: flex;
//         flex-direction: row;
//         align-items: flex-end;
//         justify-content: space-between;

//     }
// }

// // 单元文字
// .item1 {
//     width: 8.4rem;
//     height: 3.8rem;
//     display: flex;
//     flex-direction: column;
//     align-items: center;
//     // border-bottom: .5rem solid #4294FF;
// }
// // 其他单元
// .spi1 {
//     display: inline-block;
//     width: 8.4rem;
//     height: 6rem;
//     font-size: 1.6rem;
//     text-align: center;
//     line-height: 2.2rem;
//     color: #9a9a9a;
//     // position: fixed;
// }